<template>
  <view class="order-logistics px-32 py-32 bg-white">
    <view class="flex">
      <image class="cover mr-28" :src="item.goods_spec_image" />
      <view class="flex column flex1">
        <view class="flex mt-8 f-28">
          <view class="title">订单编号：</view>
          <view>{{ item.order_no }}</view>
        </view>
        <view class="flex mt-40 f-28">
          <view class="title">物流公司：</view>
          <view>{{ item.express_company }}</view>
        </view>
        <view class="flex mt-40 f-28">
          <view class="title">物流单号：</view>
          <view>{{ item.express_no }}</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
const props = defineProps({
  item: {}
});
</script>

<style lang="scss" scoped>
.order-logistics {
  .img {
    margin-right: 12rpx;
    width: 40rpx;
    height: 40rpx;
    vertical-align: text-bottom;
  }
  .cover {
    width: 200rpx;
    height: 200rpx;
    border-radius: 16rpx;
  }
  .title {
    color: #909193;
  }
}
</style>
